﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Org.Eurekaa.DNJ.Ext" Namespace="Org.Eurekaa.DNJ.Ext.UI.WebControls"
    TagPrefix="dnj" %>
<%@ Register Assembly="Org.Eurekaa.DNJ.UI" Namespace="Org.Eurekaa.DNJ.UI.WebControls"
    TagPrefix="dnj" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <link href="dnj/themes/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet"
        type="text/css" />
    <style type="text/css">
        #TextArea1
        {
            height: 135px;
            width: 399px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <br />
        <script>
            function mySliderStartCB(event, ui) {
                console.log('started... event object = ', event);
            }
        </script>
        
        <dnj:DNJSlider ID="DNJSlider1" runat="server" Width="440px">
            <ClientEvents>
                //this Event is a callback
                <Start Name="mySliderStartCB">
                </Start>
                
                //and this one is a inline script
                <Stop>

                    <script>
                        var _id = '';
                        //get the client ID of the slider
                        _id = ($this).attr('id');

                        //Then display it in the console
                        console.log(id);

                        //And finaly show an alert
                        alert('My client Id is : ' + id);
                    </script>

                </Stop>
            </ClientEvents>
            <Settings Values-Min="0" Values-Max="100"></Settings>
        </dnj:DNJSlider>
        <br />
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>
